$('.anniu').click(function() {
    // console.log('dian')
    $('.a-guang-top').css('display', 'none')
})
$('.a-ye-input').click(function() {
    $('.a-ye-input').val('')
})
$('.a-lun-con5-nav1>a').mouseover(function() {
    $(this).addClass('gonggao').siblings().removeClass('gonggao')
})
$('.gonggao').mouseover(function() {
    $('.yincang').css('display', 'block')
    $('.yincang1').css('display', 'none')

})
$('.gonggao1').mouseover(function() {
    $('.yincang').css('display', 'none')
    $('.yincang1').css('display', 'block')

})

// 导航条

// 轮埠
$(function() {
    /*保存当前图片的索引*/
    let index = 0;
    let btn = false;
    /*去除a标签自带的刷新*/
    $('a[href=""]').prop('href', 'javascript:;');
    /*开始先把图片隐藏，默认显示第一张图*/
    $('.content>ul>li').hide();
    $('.content>ul>li:eq(0)').show();
    // 设置方向箭头图标的淡入、淡出
    $('.carousel').hover(function() {
            $('.pos').stop().fadeIn()
        }, function() {
            $('.pos').stop().fadeOut()
        })
        // 为左方向图标绑定点击事件
    $('.left').on('click', function() {
            btn = true;
            clean();
            if (index == 0) {
                index = 4;
            } else {
                --index;
            }
            show();
        })
        // 为右方向图标绑定点击事件
    $('.right').on('click', function() {
            btn = true;
            clean();
            if (index == 4) {
                index = 0;
            } else {
                ++index;
            }
            show();
        })
        //指示器指示功能（为指示器绑定点击事件）
    $('.dot li').on('click', function() {
            btn = true;
            let now = $(this).index()
            if (now != index) {
                clean();
                index = now;
                show();
            }
        })
        //自动播放功能（定时器）
    setInterval(function() {
        if (!btn) {
            clean();
            if (index == 4) {
                index = 0;
            } else {
                ++index;
            }
            show();
        } else {
            btn = false;
        }

    }, 4000)

    //清除上一张图片和指示器上的指示
    function clean() {
        $(`.content>ul>li:eq(${index})`).stop().fadeOut();
        $(`.dot>ul>li:eq(${index})`).removeClass('activee');
    }
    //添加新的图片和指示器上的指示
    function show() {
        // console.log(index);
        $(`.content>ul>li:eq(${index})`).stop().fadeIn();
        $(`.dot>ul>li:eq(${index})`).addClass('activee');

    }
});

//  返回顶部
$(window).scroll(function() {
    if ($(window).scrollTop() >= 500) {
        $('.returnTop').show();
    } else {
        $('.returnTop').hide();
    }
});

// 缓动轮播图
// 好货大聚会
// 照片的最大父元素
var yjSeckimg = document.querySelector('.a-huo-nav');
// ul
var yjseckUl = document.querySelector('.a-huo-nav ul');
// 左边的按钮
var seckLeftBtn = document.querySelector('.prev');
// 右边的按钮
var seckRightBtn = document.querySelector('.next');
// 鼠标进入
function animationFun2(ele, target) {
    // 先清除另外一个方向的定时器
    // console.log('ele')
    // console.log('target');
    clearInterval(ele.interId);

    // 把定时器的id设置到DOM元素上
    ele.interId = setInterval(function() {
        if (ele.offsetLeft == target) {
            clearInterval(ele.interId);
        } else {
            var step = (target - ele.offsetLeft) / 10;
            // 当step为小数时,进行上下取整   
            step = step > 0 ? Math.ceil(step) : Math.floor(step);
            ele.style.left = ele.offsetLeft + step + 'px';
            // console.log('ele.style.left')
        }
    }, 20);
}
var num = 0;
seckLeftBtn.onclick = function() {
    // console.log('点击1')
    num++;
    if (num == 6) {
        num = 1;
        yjseckUl.style.left = 0;
    }
    var timp = num * (-238)
    animationFun2(yjseckUl, timp);
};
seckRightBtn.onclick = function() {
    // console.log('点击2')
    if (num == 0) {
        num = 6;
        yjseckUl.style.left = num * (-238) + 'px';
    }
    num--;
    var timp = num * (-238)
        // console.log('timp')
    animationFun2(yjseckUl, timp);
};

setInterval(function() {
    num++;
    if (num == 6) {
        num = 1;
        yjseckUl.style.left = 0;
    }
    var timp = num * (-238);
    animationFun2(yjseckUl, timp);
    // console.log('animationFun2(yjseckUl, timp)')
}, 5000);

// 提示框

$('.a-ti2').click(function() {
    console.log('点击')
    $('.a-ti1').css('display', 'none');
    $('.a-ti2').css('display', 'none');
    $('.a-ti3').css('display', 'none');

})

// 楼层导航
// 获取main1主题部分距离上方的偏移量
var main1offset = $('.hhhhhhh').offset().top;
console.log(main1offset);
$(window).scroll(function() {
    if ($(this).scrollTop() >= main1offset) {
        $('#sidebar').fadeIn(600);
    } else {
        $('#sidebar').fadeOut(600);
    };
    // 每次滚动的距离都对所有元素判定
    $('.floor').each(function(index, value) {
        if ($(window).scrollTop() >= value.offsetTop) {
            $('.item').eq(index).addClass('active').siblings().removeClass('active');
            $('.active').css('color', '#fff').siblings().css('color', '#000');
        }
    });
});

// // // 给侧边栏父元素绑定点击事件
$('#sidebar').click(function(e) {
    // 获取具体的对应楼层的偏移量
    // 真正触发事件的事件源
    var indexValue = $(e.target).index();
    var topValue = $('.floor').eq(indexValue).offset().top;
    // 回到设置的位置上
    $('html').animate({
        scrollTop: topValue
    }, 800);
});
$('.mememe').click(function() {
        $('html').animate({
            scrollTop: 0
        }, 1000);
    })
    // 渲染
$('.aatu2').click(function() {
    console.log($(this).data())
    localStorage.setItem("indexs", $(this).index())

    location.assign('pages/details.html')
})


var mainSetoff = $(".a-bu-top").offset().top;
$(window).scroll(function() {
    if ($(this).scrollTop() >= mainSetoff) {
        $(".ddds").stop().slideDown(0);

    } else {
        $(".ddds").stop().slideUp(0);
    }
});
// ------------------遍历数据(数据渲染)----------------------
var ereeeStr = '';
data.goodStuff.forEach((v, i) => {
    ereeeStr += `
    <li>
    <div class="a-huo-nav1">
        <div class="a-huo-nav2">
            <a href="#"><img src="${v.img}" alt=""></a>
        </div>
        <div class="a-huo-nav3">
            <a href="#">${v.title}</a>
        </div>
        <div class="a-huo-nav4">
            <span>¥${v.newPlice}</span>
            <span>¥${v.oldPrice}</span>
        </div>
    </div>
</li>
    `;
    $('.ereee').html(ereeeStr);
});
var aatuStr = '';
data.goodData.indexData.forEach((v, i) => {
    aatuStr += `
    <li class="aatu2" onclick="location.assign('#')">
         <a href="./pages/details.html#${v.id}">
            <img src="${v.img}" alt="">
            <span class="a-tu3">${v.title}</span>
            <div class="atu6">
            <div class="a-tu4">¥${v.newPlice}</div>
            <div class="a-tu5">¥${v.oldPrice}</div>
        </a>
    </li>
    `;
    $('.a-tu2').html(aatuStr);
});